草庐IT

前端 PM

全部标签

从零到英雄:Vue CLI 让你成为前端开发高手(二)

文章目录1.引言1.1前端开发的重要性1.2Vue.js的优势1.3VueCLI的作用2.VueCLI插件2.1插件的作用和使用方法2.2常用的VueCLI插件推荐2.3自定义和开发插件总结:3.打包优化和性能调优3.1生产环境的打包优化3.2代码分割和按需加载3.3静态资源优化3.4性能监测和调优工具4.单元测试和端到端测试4.1单元测试的重要性4.2使用Jest进行单元测试4.3端到端测试的概念和工具4.4使用Cypress进行端到端测试5.部署与持续集成5.1部署选项和注意事项5.2持续集成的基本概念5.3使用TravisCI进行持续集成5.4使用Docker部署VueCLI项目6.实际

前端(js)md5加密

1、引入md5源文件,代码如下,直接复制。/**AJavaScriptimplementationoftheRSADataSecurity,Inc.MD5Message*DigestAlgorithm,asdefinedinRFC1321.*Version1.1Copyright(C)PaulJohnston1999-2002.*CodealsocontributedbyGregHolt*Seehttp://pajhome.org.uk/site/legal.htmlfordetails.*//**Addintegers,wrappingat2^32.Thisuses16-bitoperati

前端如何预览pdf文件流

1.PDF组件选型通过查找资料,可以找到如下几种方案,其中最为成熟的方案是vue-pdf1.iframe既可以用来浏览本地static下的文档,也可以预览后端返回的文件流文档2.vue-pdf 较为完善的vue预览pdf的方案3.vueshowpdf 网络上找到的一个他人封装的pdf组件优点缺点原理iframe/object/embed简单易用,包含了翻页,打印,缩放等内嵌功能无法禁止打印将pdf作为插件内嵌再这三个HTML标签内vueshowpdf样式简单清爽,包含翻页,缩放功能,可以禁止打印在不修改源码的情况下无法自定义相关样式,无进度加载提示,加载完成前会出现白屏基于底层pdf.js实现

前端sm2国密加密解密

1.下载国密包npmism-crypto2.获取后端的公钥注sm-crypto使用BC库加解密前端密钥与后端密钥是两队,非常规的base64密钥前端公钥需要在前面加04占位否则无法解密//前端公钥constpublicKey='0453bac6d2499e427529b3fcd213c33fed87a596d27c52334d457c222c729727925bae7bd7937b2dee449303faf69f128ea7530994d7a9e1272e14e6efef5437ca';//前端私钥constprivateKey='009c2d9397afd38f5fe46d85611f55e

vue前端获取项目下的静态资源文件夹中的文件并下载

1.图片前端项目/public/static/image文件夹下,两张图片,因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context(检索目录、是否检索子文件、正则表达式匹配的)constrequireContext=require.context('../../../public/static/image/',false,/^\.\/.*$/)requireContext.keys().forEach(key=>{ //console.log(key)//输出./image.jpg letfile=key.substring(2) this.imageList

OpenTiny 前端组件库正式开源啦!面向未来,为开发者而生

华为开发者大会2023(HDC.Cloud2023)于7月7日-9日在东莞拉开帷幕,本届大会以“每一个开发者都了不起”为主题。OpenTiny作为前端企业级组件库解决方案,在本次大会上正式进行发布。​项目发展历程:从自研走向开源的TinyVue组件库OpenTiny是一套企业级组件库解决方案,适配PC端/移动端等多端,涵盖Vue2/Vue3/Angular多技术栈,拥有主题配置系统/中后台模板/CLI命令行等效率提升工具,可帮助开发者高效开发Web应用。OpenTiny孵化自华为云和流程IT,经过九年持续打磨,服务于华为内外部上千个项目,千锤百炼,是一个稳定可靠的组件库,我们希望将内部的优秀实

【前端】内存泄露及解决方案

【1】什么是内存泄露内存泄漏是指在程序运行时,分配的内存没有被正确释放,导致内存空间的浪费,最终可能会导致程序崩溃或运行缓慢。内存泄漏通常是由于程序员在代码中使用不当的内存管理技术或者逻辑错误导致的。例如,程序员可能会忘记释放不再需要的内存块,或者使用了错误的内存地址等。【2】前端常见的内存泄露问题【1】闭包引起的内存泄露闭包是一种特殊的JavaScript函数,它可以访问其自身范围外的变量。闭包可以导致内存泄漏,因为它们可以保留对外部变量的引用,即使它们不再需要。当一个函数创建一个闭包时,它会创建一个新的作用域链,其中包含了该函数的变量和所有外部函数的变量。如果闭包中包含对一个DOM元素或其

vue3前端实现微信支付

要在Vue3前端实现微信支付,你需要按照以下步骤进行操作:在微信支付官网上注册一个商户号,并下载微信支付SDK。在你的Vue3项目中安装微信支付的npm包,例如:npminstallweixin-js-sdk--save。在Vue3项目中创建一个js文件,在其中编写支付相关的代码,如下所示:importwxfrom'weixin-js-sdk'exportdefault{//获取微信支付SDK的签名getWxPaySign(params){returnnewPromise((resolve)=>{//发起请求获取签名axios.post('/api/pay/get-wx-pay-sign',p

解决前端后端的跨域问题:Access to XMLHttpRequest at ‘http://localhost:8082/admin/login‘ from origin ‘http://loca

具体问题:AccesstoXMLHttpRequestat‘http://localhost:8082/admin/login’fromorigin‘http://localhost:8080’hasbeenblockedbyCORSpolicy:No‘Access-Control-Allow-Origin’headerispresentontherequestedresource.运行环境:SpringBoot+Vue+Axios问题描述:准备利用axios搭建一下前后端进行连接,然后在最后交互的时候发生问题。截图描述:解决方法:跨域问题。在这里可以在网上找一下解决方案:我这里主要用了两种:

海康摄像头前端调用实时画面解决方案(无插件版开发)

文章目录前言一、海康摄像头二、尝试方案1.方案12.方案23.方案3总结前言项目中有一个需求,是需要把海康摄像机的实时画面在项目前端的页面中展示出来。本文的技术栈主要用到了vue3、vite、threejs等,辅助软件主要有海康自带的iVMS-42003.9.1.4客户端、VLCmediaplayer等。原先最开始是想使用海康官方提供的WEB无插件开发包,但是在实际开发中发现有部分海康摄像头型号不支持webcoket,最后采用了webrtc来进行解决,通过开发后,前端只需要在页面书写原生video标签即可展示摄像头实时画面,经过测试,画面传输画质较高、性能稳定。提示:以下是本篇文章正文内容,可